<?php include_once 'header.php'; ?>
<div id="middle">

    <div class="right-sidebar-white">
        <div class="sidebar-header text-center">
            <a href="#">All</a>
            <a href="#" class="active">Trends</a>
            <a href="#">Products</a>
            <a href="#">Brands</a>
        </div>

        <div class="siderbar-middle">
            <p class="searchtools-text">Search/Tools</p>
            <p><input type="text" placeholder="Start typing..."/></p>
        </div>

        <div class="sidebar-footer text-right">
            <p><a href="#">Filter By: Diamond Supply Co.</a></p>
            <p><a href="#" class="active">ALL TRENDS(530)</a></p>
            <p><a href="#">TRENDS BY PRODUCTS(328)</a></p>
            <p><a href="#">TRENDS BY SOCIAL(202)</a></p>

            <div class="social-block text-right">
                <p class="heading">IN STORE</p>
                <a href="#">Facebook</a>
                <a href="#">Twitter</a>
                <a href="#">Instagram</a>
                <a href="#">Youtube</a>
            </div>
        </div>
    </div>

    <div class="trends-grid-block isotope products-scroller">

        <?php
            for ($i = 1; $i <= 10; $i++)
            {
                ?>

                <div class="product-grid" >
                    <div class="product-details" style="background:url('<?php echo IMAGES_PATH; ?>/shoes.jpg') no-repeat scroll center 20% rgba(0, 0, 0, 0);position:relative;">
                        <p class="text-right">$41.50</p>

                        <div class='text-center'>
                        <!--<img src="<?php echo IMAGES_PATH; ?>/shoes.jpg" alt="image"/>-->
                        </div>
                        <div class="product-desc">    
                            <p class='product-title'><a href='#'>Men's running shoes</a></p>
                            <p class='category'><a href='#'>Men</a> | <a href='#'>Footwear</a></p>
                        </div>
                    </div>
                    <div class="social-details">
                        <p class="pull-left">2 Likes</p>
                        <p class="pull-right">4 Shares</p>
                    </div>
                </div>

                <div class="product-grid" >
                    <div class="product-details" style="background:url('<?php echo IMAGES_PATH; ?>/shoes.jpg') no-repeat scroll center 20% rgba(0, 0, 0, 0);position:relative;">
                        <p class="text-right">$41.50</p>
                        <!--<img src="<?php echo IMAGES_PATH; ?>/shoes.jpg" alt="image"/>-->
                        <div class="product-desc">
                            <p class='product-title'><a href='#'>Men's running shoes</a></p>
                            <p class='category'><a href='#'>Men</a> | <a href='#'>Footwear</a></p>
                        </div>
                    </div>
                    <div class="social-details">
                        <p class="pull-left">2 Likes</p>
                        <p class="pull-right">4 Shares</p>
                    </div>
                </div>
                <?php
            }
        ?>

    </div>

</div>
<?php include_once 'footer.php'; ?>
